<div class="blade-content " id="blade-content">


  <div class="blade-static">
    <div class="form-group">
      <div class="form-input __search">
        <input id="searchBox" name="searchBox" placeholder="请输入测点名称..." #searchBox (keyup)="onSearchTagName(sreachValue)" [(ngModel)]="sreachValue"
          type="text">
      </div>
      <div class="form-control __checkbox">
        <label class="form-label">
          <input type="checkbox" name="hasFaultTag" #hasFaultTag [(ngModel)]="isFaultTagChecked" (click)="onSearchFaultTag()">
          <span class="check"></span>
          <span class="name">是否故障点</span>
        </label>
      </div>
      <div class="form-control __checkbox">
        <label class="form-label">
          <input type="checkbox" name="hasTagStateMark" #hasTagStateMark [(ngModel)]="isTagStateMarkChecked" (click)="onSearchTagStateMark()">
          <span class="check"></span>
          <span class="name">是否有状态标识</span>
        </label>
      </div>
    </div>
  </div>


  <div class="blade-content __medium-wide">
    <div class="blade-inner">
      <div class="inner-block">
        <div class="table-wrapper">
          <table class="table">
            <thead>
              <tr>
                <th class="table-col">
                  <label class="form-control __checkbox">
                    <input (click)="onAllCheack($event.target)" #allCheckRef name="allCheck" id="allCheck" type="checkbox">
                    <span class="check"></span>
                  </label>
                </th>
                <th class="table-col">序号</th>
                <th class="table-col">测点名称</th>
                <th class="table-col">状态标识</th>
                <!--  <th class="table-col">状态组</th>
              <th class="table-col">逻辑组</th> -->
                <th class="table-col">是否是故障点</th>
                <!-- <th class="table-col">排序</th> -->
              </tr>
            </thead>
            <tbody>
              <tr class="table-item" [ngClass]="{'__selected': currentTagMap?.tagId == item.tagId}" *ngFor="let item of tagMaps let i =index ">
                <td class="table-col">
                  <label class="form-control __checkbox">
                    <input (click)="onItemCheack($event.target,item)" type="checkbox" [checked]="allCheckRef.checked">
                    <span class="check"></span>
                  </label>
                </td>
                <td class="table-col" (click)="onSeletedChange(item)">
                  {{i+1}}
                </td>
                <td class="table-col" (click)="onSeletedChange(item)">
                  <span class="table-t" (click)="onSeletedChange(item)"> {{item.tagName}}</span>
                </td>
                <td class="table-col" (click)="onSeletedChange(item)">
                  <span class="table-t" (click)="onSeletedChange(item)"> {{item.tagStateMark}}</span>
                </td>
                <td class="table-col" (click)="onSeletedChange(item)">
                  <span class="table-t" (click)="onSeletedChange(item)"> {{item.faultTag?"✔":"" }}</span>
                </td>
                <!-- <td class="table-col" (click)="onSeletedChange(item)">
                <span class="table-t" (click)="onSeletedChange(item)"> {{item.tagMapSeq }}</span>
              </td> -->

              </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
</div>